$(function () {
    // 初始化右侧滚动条
    // 这个方法定义在scroll.js中
    resetui()
    //  为发送按钮绑定鼠标点击事件

    $('#btnSend').on('click', function () {
        var text = $('#ipt').val().trim();
        console.log(text);
        // 输入的字符串数<=0 就是输入的内容为空 
        if (text.length <= 0) {
            // 清空数组
            return $('#ipt').val('');
        }
        // 如果用户输入了聊天内容，则将聊天内容追加到页面上显示
        $('#talk_list').append('<li class="right_word"><img src="img/person02.png"/> <span>' + text + '</span></li>');
        $('#ipt').val('')
        // 重置滚动条的位置
        resetui();
        // 发起请求，获取聊天内容
        getMsg(text);
    })

    // 获取聊天机器人发送回来的消息
    function getMsg(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/robot',
            data: {
                spoken: text,
            },
            success: function (res) {
                console.log(res);
                //  当进行双等号比较时候： 先检查两个操作数数据类型，
                //如果相同， 则进行===比较， 如果不同， 则愿意为你进行一次类型转换， 转换成相同类型后再进行比较， 
                //而===比较时， 如果类型不同，直接就是false.
                if (res.message === 'success') {
                    // 接收聊天消息
                    var msg = res.data.info.text
                    // console.log(msg);
                    $('#talk_list').append('<li class="left_word"><img src="img/person01.png" /> <span>' + msg + '</span></li>')
                    // 重置滚动条的位置
                    resetui();
                    // 调用 getVoice 函数，把文本转化为语音
                    getVoice(msg)
                }
            }
        })
    }

    // 把文字转化为语音进行播放
    function getVoice(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/synthesize',
            data: {
                text: text,
            },
            success: function (res) {
                console.log(res);
                if (res.status === 200) {
                    // 播放语音
                    // attr 自定义属性 attr("属性", "属性值") // 类似原生 setAttribute()
                    $('#voice').attr('src', res.voiceUrl)
                }
            }
        })
    }

    // 为文本框绑定 keyup 事件
    // 当按下按键时,触发事件
    $('#ipt').on('keyup', function (e) {
        console.log(e.keyCode)
        if (e.keyCode === 13) {
            // 调用按钮元素的 click 函数，可以通过编程的形式触发按钮的点击事件
            $('#btnSend').click();
        }

    })
})